<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>产品分类</title>
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <!--左侧分类列表-->
        <div class="col-md-2">
            <ul class="list-group">
                <!--<li class="list-group-item" data-typeid="01">瓷砖</li>
                <li class="list-group-item" data-typeid="02">石材</li>
                <li class="list-group-item" data-typeid="03">西瓦</li>
                <li class="list-group-item" data-typeid="04">马赛克</li>
                <li class="list-group-item" data-typeid="05">五金水件</li>
                <li class="list-group-item" data-typeid="06">浴室柜</li>
                <li class="list-group-item" data-typeid="07">马桶</li>
                <li class="list-group-item" data-typeid="08">淋浴房</li>
                <li class="list-group-item" data-typeid="09">浴缸</li>
                <li class="list-group-item" data-typeid="10">橱柜</li>
                <li class="list-group-item" data-typeid="11">其它</li>-->
            </ul>
        </div>
        <!--右侧展示-->
        <div class="col-md-9">
            <!--轮播图-->
            <div class="row">
                <div class="poster-main B_Demo" style="margin-top:20px">
                    <div class="poster-btn poster-prev-btn"></div>
                    <ul class="poster-list">
                        <!--<li class="poster-item"><a href="#"><img src="ImageUp_ByType/imgUp_20170406160401.png" width="100%"></a></li>
                        <li class="poster-item"><a href="#"><img src="ImageUp_ByType/imgUp_20170406160402.png" width="100%"></a></li>
                        <li class="poster-item"><a href="#"><img src="ImageUp_ByType/imgUp_20170406160403.png" width="100%"></a></li>
                        <li class="poster-item"><a href="#"><img src="ImageUp_ByType/imgUp_20170406160404.png" width="100%"></a></li>
                        <li class="poster-item"><a href="#"><img src="ImageUp_ByType/imgUp_20170406160405.png" width="100%"></a></li>-->
                    </ul>
                    <div class="poster-btn poster-next-btn"></div>
                </div>
            </div>
            <!--缩略图-->
            <div class="row" id="thumbnail">
                <!--<div class="col-xs-6 col-md-4">
                    <div class="thumbnail">
                        <img src="ImageUp_ByType/imgUp_20170406160401.png">
                        <div class="caption">
                            <p>图片标题</p>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 col-md-4">
                    <div class="thumbnail">
                        <img src="ImageUp_ByType/imgUp_20170406160402.png">
                        <div class="caption">
                            <p>图片标题</p>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 col-md-4">
                    <div class="thumbnail">
                        <img src="ImageUp_ByType/imgUp_20170406160403.png">
                        <div class="caption">
                            <p>图片标题</p>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 col-md-4">
                    <div class="thumbnail">
                        <img src="ImageUp_ByType/imgUp_20170406160404.png">
                        <div class="caption">
                            <p>图片标题</p>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 col-md-4">
                    <div class="thumbnail">
                        <img src="ImageUp_ByType/imgUp_20170406160405.png">
                        <div class="caption">
                            <p>图片标题</p>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 col-md-4">
                    <div class="thumbnail">
                        <img src="ImageUp_ByType/imgUp_20170406160406.png">
                        <div class="caption">
                            <p>图片标题</p>
                        </div>
                    </div>
                </div>-->
            </div>
        </div>
    </div>
    <!--搜索框-->
    <div class="search_box" hidden>
        <input type="search" class="search_input" placeholder=" 商品" onkeydown="searchProduct()">
        <a href="#" id="search_btn"><img src="img/search.png"></a>
    </div>
    <!--返回按钮-->
    <div class="back">
        <a href="index.html">
            <img src="img/back.png">
        </a>
    </div>
</div>

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/typeList.css">
<script src="js/jquery-2.2.4.min.js"></script>
<script src="js/tether.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/PicCarousel.js"></script>
<script src="js/typeList.js"></script>
<!--<script>
    // 轮播图初始化
    $(".B_Demo").PicCarousel({
        "width": 900,		 //幻灯片的宽度
        "height": 300,		 //幻灯片的高度
        "posterWidth": 520,	 //幻灯片第一帧的宽度
        "posterHeight": 300, //幻灯片第一张的高度
        "scale": 0.9,		 //记录显示比例关系
        "speed": 1500,		 //记录幻灯片滚动速度
        "autoPlay": true,	 //是否开启自动播放
        "delay": 2000,		 //自动播放间隔
        "verticalAlign": "middle"	//图片对齐位置
    });
</script>-->
</body>
</html>